<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播</title>
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <link rel="stylesheet" href="css/style1&style2.css">

</head>
<body>
<div class="carousel">
    <div class="window">
        <div class="images" id="images" style="transform:translateX(0)">
            <img src="http://cdn.jirengu.com/book.jirengu.com/img/1.jpg" alt="" width=300>
            <img src="http://cdn.jirengu.com/book.jirengu.com/img/2.jpg" alt="" width=300>
            <img src="http://cdn.jirengu.com/book.jirengu.com/img/3.jpg" alt="" width=300>
            <img src="http://cdn.jirengu.com/book.jirengu.com/img/4.jpg" alt="" width=300>
        </div>
    </div>
    <button id="button1">按钮1</button>
    <button id="button2">按钮2</button>
    <button id="button3">按钮3</button>
    <button id="button4">按钮4</button>


    <script src="js/index.js"></script>
</div>
</body>
</html>